<template>
    <header class="header">
        <h1>{{ title }}</h1>
    </header>
</template>

<script>

export default {
    name: 'LoginHeader',
    props: {
        title: {
            type: String,
            default() {
                return '潮州通'
            }
        }
    }
}
</script>

<style lang="scss" scoped>
@import '~styles/mixins.scss';
@import '~styles/variables.scss';

.header {
    position: relative;
    @include flex-row;
    @include vh-center;
    height: $headerHeight;
    background-color: $defaultBgColor;

    h1 {
        font-size: .18rem;
        color: $defaultColor;
    }
}
</style>

